<template>
  <div class="fav_song_box">
    <signTitle2 :xxlistTitle="fav_songTitle" />
    <songList1 :list1Content="listContent" />
  </div>
</template>
<script>
import signTitle2 from "../../../components/info_box/title2.vue";
import songList1 from "../../../components/info_box/songList.vue";
export default {
  name: "favSong",
  components: {
    signTitle2,
    songList1,
  },
  props: {
    // numid: Number,
  },

  methods: {
    getdata(ID) {
      this.userID = ID;
      this.$http
        .get("/user/index/songs/", {
          params: {
            limit: 8,
            page: 1,
            id: ID,
          },
        })
        .then((res) => {
          this.visitCardBOX = res.data.data;
          this.listContent = res.data.data;
        });
    },
  },
  data() {
    return {
      userID: 0,
      fav_songTitle: [
        {
          sign: require("../../../assets/enjoySongs.png"),
          title: "喜欢的歌曲",
        },
      ],
      listContent: [
        { name: "歌曲名", album: "专辑", time: "时长" },
        {
          name: "卖汤圆",
          album: "宝宝巴士",
          time: "3:46",
        },
        {
          name: "卖汤圆",
          album: "宝宝巴士",
          time: "3:46",
        },
        {
          name: "卖汤圆",
          album: "宝宝巴士",
          time: "3:46",
        },
        {
          name: "卖汤圆",
          album: "宝宝巴士",
          time: "3:46",
        },
        {
          name: "卖汤圆",
          album: "宝宝巴士",
          time: "3:46",
        },
        {
          name: "卖汤圆",
          album: "宝宝巴士",
          time: "3:46",
        },
        {
          name: "卖汤圆",
          album: "宝宝巴士",
          time: "3:46",
        },
        {
          name: "卖汤圆",
          album: "宝宝巴士",
          time: "3:46",
        },
      ],
    };
  },
};
</script>
<style scoped>
.fav_song_box {
  margin: 0 0 32px 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 530px;
}
</style>
